<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>提现申请</title>
		<link href="plugin/date/date.css" rel="stylesheet">
		<link href="bootstrap/css/bootstrap3.min.css" rel="stylesheet">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script src="js/jquery.min.js"></script>
		<link rel="stylesheet" href="css/nav.css" />
		<style>
			.form-group-update {
				margin-right: 2%;
			}
			.imgsBox  {display: inline-block; margin-right: 5px; margin-top: 5px;}
			.imgsBox img{ width: 100px;}
		</style>
	</head>

	<body>
		<!--导航-->
	    <nav class="navbar navbar-inverse">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
		          	<a class="navbar-brand" href=""><img src="images/admin_logo.png" alt=""></a>
	        </div>

	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
	          <ul class="nav navbar-nav" id="nav">

	          </ul>
	          <ul class="nav navbar-nav navbar-right">
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">欢迎您：<span id="uname"></span><span class="caret"></span></a>
	              <ul class="dropdown-menu" role="menu">
	                <li><a href="change_pass.html">修改密码</a></li>
	                <li><a id="loginOut" href="#">退出登陆</a></li>
	              </ul>
	            </li>
	          </ul>
	        </div>
	      </div>
	    </nav>
		<div class="container-fluid">
			<div class="row bcert-box">
				<ol class="breadcrumb">
				  <li><a href="javascript:;">主页</a></li>
				  <li>会员管理</li>
				  <li class="active">提现申请</li>
				</ol>
				<form class="form-inline searchForm" action="" method="post" id="excleBtn">
		          <div class="form-group">
		            <span class="theme-title">支付状态:</span>
		            <select class="form-control drop-down" name="status" id="payState">
		              <option value="">全部</option>
		              <option value="0">未支付</option>
		              <option value="1">已支付</option>
		            </select>
		          </div>
		          <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" name="memberName" id="memberName" placeholder="会员名称">
		          </div>
				  <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" name="cardName" id="cardName" placeholder="收款人名称">
		          </div>
				  <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" name="startTime" title="错误"
		               readonly="readonly"
		               data-container="body"
		               data-toggle="popover"
		               data-placement="bottom"
		               data-content="开始时间不能大于结束时间!"
		               id="startTime" placeholder="开始时间">
		          </div>
		          <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" readonly="readonly" name="endTime" id="endTime" placeholder="结束时间">
		          </div>
		          <div class="form-group">
		            <button type="button" class="btn btn-primary btn-success" id="Reset">重置</button>
		            <button type="button" class="btn btn-primary btn-default" id="QueryBtn" data-toggle="button" aria-pressed="false" autocomplete="off">查询</button>
		            <button type="button" class="btn btn-primary btn-success" id="dlexcle">&nbsp;导出excle</button>
		          </div>
		        </form>
				<div class="table">
		          <table class="table table-bordered table-striped" id="dataList">

		          </table>
		        </div>
		      </div>
		      <!-- 分页 -->
		        <nav aria-label="...">
		          <div class="">
		            <span id="pageNum">共&nbsp;<strong></strong>&nbsp;页&nbsp;/&nbsp;</span><span id="totalNum">&nbsp;<strong>0</strong>&nbsp;条数据</span>
		          </div>
		          <ul id="example"></ul>
		        </nav>
			</div>
		</div>
		<div class="modal fade" tabindex="-1" role="dialog" id="gridSystemModal" aria-labelledby="gridSystemModalLabel">
	    <div class="modal-dialog" role="document">
	        <div class="modal-content ztreeIpt">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
	                </button>
	                 <h4 class="modal-title" id="gridSystemModalLabel">详情</h4>
	            </div>
	            <div class="modal-body" id="getRealInfo">

	            </div>
				<!--待审核-->
	            <div class="modal-footer" id="certificationAudit" style="display:none">
	                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" data-id="" class="btn btn-danger" onclick="nonApproval($(this).attr('data-id'),2)" id="noPass">审核不通过</button>
	                <button type="button" data-id="" class="btn btn-primary" onclick="auditApproval($(this).attr('data-id'),1)" id="pass">审核通过</button>
	            </div>
	        </div>
		        <!-- /.modal-content -->
	    </div>
	    <!-- /.modal-dialog -->
	</div>
	</body>
</html>
<script type="text/javascript" src="plugin/layer/layer.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/bootstrap-paginator.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plugin/date/date.js"></script>
<script type="text/javascript" src="plugin/date/date.zh-CN.js"></script>
<script>
	var pageUrls = serverURL + '/platform/queryMemberCash';
	function tableList(){
		data = {
			'memberName':$('#memberName').val(),
			'cardName':$('#cardName').val(),
			'payState':$('#payState').val(),
			'startTime':$('#startTime').val(),
			'endTime':$('#endTime').val(),
			'page': page,
			'pageSize': pagesize
		}

		data.page = 1
		ajax(
			pageUrls,
			data,
			pageNumList,
			'post',
			'json'
		)
	}
	$('#QueryBtn').click(function(){
		tableList()
	})
	$(document).ready(function() {
		$('#excleBtn').attr('action', serverURL + '/platform/exportMemberCashExcel');
		tableList()
	});
	//数据渲染
	function OpendList(res){
	    var result = '';
		console.log(res)
	    $('#dataList').empty();
	    $('#dataList').append(
	      '<tr>' +
	      '<th>记录id</th>' +
	      '<th>提现单号</th>' +
	      '<th>会员id</th>' +
	      '<th>用户姓名</th>' +
		  '<th>应付金额</th>' +
	      '<th>档位</th>' +
		  '<th>手续费</th>' +
		  '<th>申请时间</th>' +
		  '<th>应付时间</th>' +
		  '<th>支付状态</th>' +
		  '<th>操作</th>' +
	      '</tr>'
	    );
	    for (var i = 0; i < res.data.list.length; i++) {
	        var time = getMyDate(res.data.list[i].createTime);
	        result +=
	               '<tr>'+
	                 '<td>'+ res.data.list[i].cashId +'</td>'+
	                 '<td>'+ res.data.list[i].num +'</td>'+
	                 '<td>'+ res.data.list[i].memberId +'</td>'+
	                 '<td>'+ res.data.list[i].memberName +'</td>'+
	                 '<td>'+ res.data.list[i].amount +'</td>'+
					 '<td>'+ res.data.list[i].level +'</td>'+
					 '<td>'+ res.data.list[i].sxfAmount +'</td>'+
					 '<td>'+ res.data.list[i].addTime +'</td>'+
					 '<td>--</td>'
					 if (res.data.list[i].payState == 0) {
						result +='<td>未支付</td><td class="text-center"><button type="button" data-id="'+ res.data.list[i].cashId +'"  class="btn btn-sm btn-success btn-lg particularsBtn" data-toggle="modal">查看</button>&nbsp;<button type="button" onclick="auditApproval('+ res.data.list[i].cashId +')" class="btn btn-sm btn-primary btn-lg">处理</button></td>'
					}else if (res.data.list[i].payState == 1) {
						result +='<td>已支付</td><td class="text-center"><button type="button" data-id="'+ res.data.list[i].cashId +'"  class="btn btn-sm btn-success btn-lg particularsBtn" data-toggle="modal">查看</button></td>'
					}
				 	result +='</td></tr>'
	    }
	    $('#dataList').append(result)
	  }

	//数据详情
	 $(document).on('click', '.particularsBtn', function() {
		var html = ''
		$('#gridSystemModal').modal();
	 	id = $(this).attr('data-id')
		var data = {
			'id':id
		}
		var cbk = function(res){
			// layer.msg(data.mag)
			$('#getRealInfo').empty()
			var payState = ''
			if (res.data.payState == 1 ) {
				payState = '已支付'
			}else{
				payState = '未支付'
			}
		    html += '<table class="table table-bordered table-condensed tableCon layer-photos-demo">'+
'					<tbody>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">记录编号：</th>'+
'						<td id="">'+ res.data.cashId +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">提现单号：</th>'+
'						<td id="">'+ res.data.num +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">会员id：</th>'+
'						<td id="">'+ res.data.memberId +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">会员姓名：</th>'+
'						<td id="">'+ res.data.memberName+'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">银行名称：</th>'+
'						<td id="">'+ res.data.bankName +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">开户行：</th>'+
'						<td id="">'+ res.data.bankBranch +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">收款账号：</th>'+
'						<td id="">'+ res.data.bankNo +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">收款人姓名：</th>'+
'						<td id="">'+ res.data.bankUser +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">申请时间：</th>'+
'						<td id="">'+ res.data.addTime +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">提现金额：</th>'+
'						<td id="">'+ res.data.amount +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">档位：</th>'+
'						<td id="">'+ res.data.level +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">手续费：</th>'+
'						<td id="">'+ res.data.sxfAmount +'</td>'+
'					</tr>'+
'					<tr>'+
'						<th style="background-color: #f9f9f9;">支付状态：</th>'+
'						<td id="">'+ payState +'</td>'+
'					</tr>'
if(res.data.payState == 1){
	html+=  '<tr>'+
	'						<th style="background-color: #f9f9f9;">支付时间：</th>'+
	'						<td id="">'+ res.data.payTime +'</td>'+
	'					</tr>'+
	'					<tr>'+
	'						<th style="background-color: #f9f9f9;">支付管理员：</th>'+
	'						<td id="">'+ res.data.payAdmin +'</td>'+
	'					</tr>'
}

			html+= 	'</tbody>'+
				'</table>'
			$('#getRealInfo').append(html)
		}
		ajax(
			serverURL +'/platform/getMemberCashInfo',
			data,
			cbk,
			'post',
			'json'
		)
	 })
	//通过审核
	function auditApproval(id){
		layer.confirm('确定要通过提现申请吗？', {
  		  btn: ['确定','取消'] //按钮
  		}, function(){
			var data= {
				'id':id,
			}
			var cbk = function (res){
				layer.msg(res.msg)
				tableList()
			}
			ajax(
				serverURL+'/platform/checkMemberCash',
				data,
				cbk,
				'post',
				'json'
			)
  		}, function(){

  		});
	}

	//数据清空
	$('#gridSystemModal').on('hidden.bs.modal', function (e) {
		$('#certificationAudit').hide()
	})
	//表格导出
	$('#dlexcle').click(function(){
    　　$('#excleBtn').submit();
     })

	function compareDate(startTime, endTime) {
           return new Date(startTime).getTime() > new Date(endTime).getTime();
       }

       function checkStartAndEndTime() {
           if(compareDate($('#startTime').val(), $('#endTime').val())){
               $('#startTime').addClass("card-warning");
               $('#startTime').popover('show');

           }else{
               $('#startTime').removeClass("card-warning");
               $('#startTime').popover('hide')
           }
       }

       //时间选择
       $("#startTime").datetimepicker({
           format: "yyyy-mm-dd",
           autoclose: true,
           todayBtn: true,
           todayHighlight: true,
          //  endTime:new Date(),
           showMeridian: true,
           pickerPosition: "bottom-left",
           language: 'zh-CN',//中文，需要引用zh-CN.js包
           startView: 2,//月视图
           minView: 2,//日期时间选择器所能够提供的最精确的时间选择视图
       }).change(function () {
           checkStartAndEndTime();
       });
       $("#endTime").datetimepicker({
           format: "yyyy-mm-dd",
           autoclose: true,
           todayBtn: true,
           todayHighlight: true,
          //  endTime:new Date(),
           showMeridian: true,
           pickerPosition: "bottom-left",
           language: 'zh-CN',//中文，需要引用zh-CN.js包
           startView: 2,//月视图
           minView: 2,//日期时间选择器所能够提供的最精确的时间选择视图
       }).change(function () {
           checkStartAndEndTime();
       });

</script>
